<template>
  <div class="invite-failed">
    <WeixinHeader :title="$route.meta.title"></WeixinHeader>
    <div class="invite-failed__content">
      <img src="@assets/images/weixin/project-closed.png" :alt="$t('all.autotext892')">
      <h2>{{ $t('all.autotext1452') }}</h2>
      <p>{{ $t('all.autotext1410') }}{{ +closedType === 1 ? $t('all.autotext1117') : $t('all.autotext649') }}{{ $t('all.autotext1410') }}</p>
      <p>{{ hintText }}</p>
    </div>
  </div>
</template>

<script>
import WeixinHeader from '@views/weixin/components/weixin-header.vue'
export default {
  name: 'invite-failed',
  components: {
    WeixinHeader
  },
  props: {
    // 1 中心关闭 2 项目关闭
    closedType: {
      type: String,
      default: ''
    }
  },
  computed: {
    hintText () {
      return +this.closedType === 1
        ? this.$t('all.autotext1362')
        : this.$t('all.autotext587')
    }
  }
}
</script>

<style scoped lang='less'>
.invite-failed {
  height: 100%;
  background-color: #fff;
  .invite-failed__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    img {
      width: 50%;
    }
    h2 {
      margin: 24px 0;
    }
    p {
      color: #999999;
    }
  }
}
</style>
